/*  1rem = 10px */

.mt-1{
    margin-top: 0.5rem;
}

.mt-2{
    margin-top: 1rem;
}

.mt-3{
    margin-top: 1.5rem;
}

.mt-4{
    margin-top: 2rem;
}

.m-auto{
    margin-left: auto;
    margin-right: auto;
}

.w-100{
    width: 100%;
}

.w-390px{
    width: 39rem;
}

.d-flex{
    display: flex;
}

.flex-direction-column{
    flex-direction: column;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-between{
    justify-content: space-between;
}

.justify-content-around{
    justify-content: space-around;
}

.align-items-center{
    align-items: center;
}

.flex-grow-1{
    flex-grow: 1;
}

.border{
    border:1px solid var(--border-eee);
}

.border-bottom{
    border-bottom:8px solid var(--border-eee);
}

.bg-color-f6f6f6{
    background-color:var(--bgcolor-f6f6f6);
}

.bg-color-ffa666{
    background-color:var(--bgcolor-ffa666);
}

.font-14{
    font-size: 1.4rem;
}

.font-16{
    font-size: 1.6rem;
}

.font-color-white{
    color: var(--font-white);
}

.font-color-ffa666{
    color: var(--font-ffa666);
}

.font-color-2c3e50{
    color: var(--font-2c3e50);
}

.font-666{
    color: var(--font-666);
}

.font-color-red{
    color: var(--font-red);
}

h-100{
    height: 100%;
}

.position-absolute{
    position:absolute;
}

.position-relative{
    position:relative;
}

.position-fixed{
    position: fixed;
}

.visually-hidden{
    visibility: hidden;
}

.text-center{
    text-align: center;
}


/*
    vw  100vw 等于当前设备的宽度
    vh  100vh 等于当前设备的高度

*/
